<script setup lang="ts">
import MyDialog from './components/MyDialog.vue'
</script>

<template>
  <h2>我是 app.vue</h2>
  <!-- 子组件内部直接写的 UI 结构会传递给默认插槽,如果有的话 -->
  <!-- <MyDialog>meme</MyDialog> -->
  <!-- <MyDialog></MyDialog> -->

  <!-- 具名插槽 -->
  <MyDialog>
    <!-- template 包裹 v-slot 起名字才可以传递到对应的位置 -->
    <template v-slot:footer>
      <button>狠心拒绝</button>
      <button>继续</button>
      <!-- #name 是简写 -->
    </template>
    <template #header>
      <h3>提示</h3>
    </template>
  </MyDialog>
</template>
